
Page{
    background-color: #f5f5f5;
}
.redpacket-wrap{
    background-color: #fff;
    padding-left: 24px;
    box-sizing: border-box;
    .redpacket-list{
        position: relative;
        padding: 24px 24px 24px 0;
        box-sizing: border-box;
        display: flex;
        border-bottom: 2px solid #E5E5E5;
        .redpacket-list-img{
            width: 44px;
            height: 44px;
            margin-right: 13px;
            display: block;
        }
        .redpacket-list-context{
            width: 450px;
            .redpacket-list-context-title{
                width: 100%;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
                font-size: 28px;
                color: #333;
                margin-bottom: 10px;
            }
            .redpacket-list-context-status,
            .redpacket-list-context-date{
                font-size: 20px;
                color: #999;
            }

            .redpacket-list-context-date{
                padding-top: 4px;
            }
        }
    }
    .redpacket-price{
        position: absolute;
        top: 0;
        right: 24px;
        display: flex;
        align-items: center;
        height: 100%;
        font-size: 20px;
        font-weight:bold;
        color: #67C23A;
        &.back{
            color: #FF3B30;
        }
        .text{
            font-size: 42px;
        }
    }
}